<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.content{
				width: 800px;
				height: 800px;
				border: 5px solid #696969;
				
				background-color: aliceblue;
				position: relative;
				
				
			}
			.box1{
				width: 300px;
				height:300px;
				border: 2px solid #1E90FF;
				position: absolute;
				top: 50px;
				left: 50px;
				background-color: antiquewhite;
			}
			.box2{
				width: 100px;
				height: 100px;
				border: 2px solid #1E90FF;
				background-color: aquamarine;
				
				background-color: rgba(255, 85, 127, 0.5);
			}
		</style>
	</head>
	<body>
		<div class="content">
			aaaaaaaaaaaaaaaaaaaa<br />aaaaaaaaaaaaaaaaaaa
			aaaaaaaaaaaaaaaaaaaa<br />aaaaaaaaaaaaaaaaaaa
			aaaaaaaaaaaaaaaaaaaa<br />aaaaaaaaaaaaaaaaaaa
			aaaaaaaaaaaaaaaaaaaa<br />aaaaaaaaaaaaaaaaaaa
			aaaaaaaaaaaaaaaaaaaa<br />aaaaaaaaaaaaaaaaaaa
			aaaaaaaaaaaaaaaaaaaa<br />aaaaaaaaaaaaaaaaaaa
			<div class="box1">
				111111111111111111111111<br />
				111111111111111111111111<br />
				111111111111111111111111<br />
				111111111111111111111111<br />
				111111111111111111111111<br />
				
				<div class="box2"></div>
				
				111111111111111111111111<br />
				111111111111111111111111<br />
				111111111111111111111111<br />
				111111111111111111111111<br />
			</div>
			aaaaaaaaaaaaaaaaaaaa<br />aaaaaaaaaaaaaaaaaaa
			aaaaaaaaaaaaaaaaaaaa<br />aaaaaaaaaaaaaaaaaaa
			aaaaaaaaaaaaaaaaaaaa<br />aaaaaaaaaaaaaaaaaaa
			aaaaaaaaaaaaaaaaaaaa<br />aaaaaaaaaaaaaaaaaaa
			aaaaaaaaaaaaaaaaaaaa<br />aaaaaaaaaaaaaaaaaaa
			aaaaaaaaaaaaaaaaaaaa<br />aaaaaaaaaaaaaaaaaaa
			aaaaaaaaaaaaaaaaaaaa<br />aaaaaaaaaaaaaaaaaaa
		</div>
	</body>
</html>
